// webpack配置文件，可以让webpack去配置需要解析的资源以及解析的额外功能
const { join, resolve } = require('path')
const { VueLoaderPlugin } = require('vue-loader')
module.exports = {
  entry: './src/main.js', // 资源入口
  output: {
    path: resolve(__dirname, 'dist'), // 文件解析好之后，放在哪个目录下
    filename: 'bundle.js', // 文件解析好之后，叫什么名字
  }, // 资源出口
  module: {
    // module 就是 loader--> 配置解析非js资源的地方
    rules: [
      // 解析vue 需要配置一个vue-loader
      {
        test: /\.vue$/, // 匹配文件规则 正则表达式匹配.vue文件
        loader: 'vue-loader', // 匹配文件之后，用什么loader来执行
      },
    ],
  },
  plugins: [
    // 请确保引入这个插件！可以帮助我们使用vue-loader
    new VueLoaderPlugin(),
  ], // 配合loader
}
